@import "../_commont/reset.scss";

[data-v-1bfbfb02], [data-v-1bfbfb02]:after, [data-v-1bfbfb02]:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.cafe-c-input-number[data-v-1bfbfb02] {
    width:104px;
    position:relative;
    display:inline-block;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-size:0
}

.cafe-c-input-number .cafe-c-input-number-handler[data-v-1bfbfb02] {
    display:inline-block;
    width:24px;
    height:24px;
    font-size:14px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border:1px solid #e5e5e5;
    color:#999;
    background-color:#f9f9f9;
    z-index:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    cursor:pointer;
    vertical-align:middle;
    -webkit-transition:all .2s linear;
    -o-transition:all .2s linear;
    -moz-transition:all .2s linear;
    transition:all .2s linear;
}
.cafe-c-input-number .right-count{
    float: right;
    margin-top: 5px;
}


.cafe-c-input-number .cafe-c-input-number-input-wrap[data-v-1bfbfb02] {
    text-align:center;
    display:inline-block;
    margin:0 4px
}
.cafe-c-input-number .cafe-c-input-number-input-wrap .cafe-c-input-number-input[data-v-1bfbfb02] {
    text-align:center;
    color:#333;
    font-size:13px;
    outline:0;
    -moz-appearance:textfield;
    width:48px;
    // background: 
    height:24px;
    line-height:24px;
    border:1px solid #e5e5e5;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    vertical-align:middle;
    -webkit-transition:all .2s linear;
    -o-transition:all .2s linear;
    -moz-transition:all .2s linear;
    transition:all .2s linear
}

.w1200 {
    width:1200px;
    margin:0 auto
}

.perform {
    margin-bottom:64px
}
.perform .box {
    border:1px solid #ebebeb;
    border-top:0
}
.perform .dm-tab {
    font-size:16px
}

.perform .dm-tab .tabs-bar .tabs-item.tabs-item-active:first-child {
    border-left:0
}
.perform .dm-tab .tabs-content {
    padding:40px
}
.perform .cafe-c-input-number {
    float:right;
    margin:0 6px
}
.perform .cafe-c-input-number .cafe-c-input-number-handler {
    line-height:26px;
    width:28px;
    height:28px;
    color:#000;
    background:#f2f3f4!important
}

.perform .cafe-c-input-number .cafe-c-input-number-input-wrap {
    margin:0
}
.perform .cafe-c-input-number .cafe-c-input-number-input-wrap .cafe-c-input-number-input {
    border:none;
    background:#fff!important
}
.perform .hd {
    position:relative;
    padding:40px 0 60px;
    min-height:360px
}
.perform .hd .ticketinfo {
    padding:15px 0 20px
}

.perform .hd .cont {
    padding-left:330px;
    font-size:22px;
    color:#000
}

.perform .order .perform__order__select {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:28px
}
.perform .order .perform__order__select__performs {
    margin-top:0
}
.perform .order .perform__order__select__calendar {
    margin-top:0;
    margin-bottom:28px
}
.perform .order .perform__order__select .select_left {
    display:inline-block;
    font-size:16px;
    color:#4a4a4a;
    height:48px
}
.perform .order .perform__order__select .select_left__top {
    line-height:0
}
.perform .order .perform__order__select .select_right {
    display:inline-block;
    vertical-align:top;
    margin-left:15px;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1
}
.perform .order .perform__order__select .select_right .loading {
    font-size:14px
}
.perform .order .perform__order__select .select_right .select_right_list .select_right_list_item {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    float:left;
    min-width:40px;
    font-size:12px;
    color:#000;
    border:1px solid #fff;
    outline:1px solid #e2e2e2;
    padding:12px 24px;
    margin:0 6px 6px 0;
    position:relative;
    cursor:pointer;
    text-align:center
}

.perform .order .perform__order__select .select_right .select_right_list .select_right_list_item .inner {
    display:block;
    height:100%;
    min-width:40px;
    border:1px solid #fff;
    padding:0 20px;
    text-align:center
}
.perform .order .perform__order__select .select_right .select_right_list .sku_item {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:75px;
    padding:8px 24px 6px
}
.perform .order .perform__order__select .select_right .select_right_list .sku_item .notticket {
    background-color:#d6d6d6
}
.perform .order .perform__order__select .select_right .select_right_list .active {
    border-color:#ffeaf1;
    color:#ff1268;
    background:#ffeaf1;
    outline-color:#ffeaf1
}
.perform .order .perform__order__select .select_right .select_right_list .active .inner {
    border:1px solid #ff1268;
    padding:0 20px
}
.perform .order .perform__order__select .select_right .select_right_list .notactive {
    background-color:#f6f6f6;
    border:1px solid #f6f6f6;
    color:rgba(0, 0, 0, .2);
    cursor:default
}

.perform .order .perform__order__price {
    margin-top:33px
}
.perform .order .perform__order__price .number_left {
    display:inline-block;
    font-size:16px;
    color:#4a4a4a;
    vertical-align:top;
    line-height:40px
}
.perform .order .perform__order__price .number_right {
    display:inline-block;
    height:40px;
    vertical-align:top;
    margin-left:9px;
    line-height:40px
}
.perform .order .perform__order__price .number_right_limit {
    font-size:12px;
    color:#999;
    line-height:22px;
    vertical-align:text-top
}
.perform .order .perform__order__price .number_right .number_right_info {
    border:1px solid #e2e2e2;
    height:38px;
    display:inline-block;
    line-height:38px
}

.tip {
    left:28px;
    width:60px;
    height:24px;
    text-align:center;
    line-height:24px;
    background:-webkit-linear-gradient(135deg, #ff1268, #ff5593);
    background:-moz-linear-gradient(135deg, #ff1268 0, #ff5593 100%);
    background:-o-linear-gradient(135deg, #ff1268 0, #ff5593 100%);
    background:linear-gradient(-45deg, #ff1268, #ff5593);
    z-index:99;
    font-size:14px;
    color:#fff;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;
    -webkit-border-top-left-radius:3px;
    -moz-border-radius-topleft:3px;
    border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topright:3px;
    border-top-right-radius:3px
}
.poster, .tip {
    position:absolute
}
.poster {
    left:30px;
    top:40px;
    width:270px;
    height:360px
}
.address {
    position:relative;
    font-size:16px;
    color:#4a4a4a;
    margin-top:21px;
    zoom:1
}
.address .time {
    padding-bottom:10px
}
.address .addr, .address .mapicon {
    display:inline-block
}
.address .mapicon {
    margin-left:15px;
    cursor:pointer;
    width:24px;
    height:24px;
    background-image:url();
    background-repeat:no-repeat;
    -webkit-background-size:24px 24px;
    -moz-background-size:24px 24px;
    background-size:24px 24px;
    vertical-align:middle
}
.buybtn, .scan__code__words {
    cursor:pointer;
    text-align:center
}
.buybtn {
    margin-top:30px;
    margin-left:85px;
    width:210px;
    height:40px;
    line-height:40px;
    background-color:#ff2d79;
    color:#fff;
    font-size:14px;
    font-weight:400;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}

.inputnum.disabled .price {
    color:rgba(0, 0, 0, .45)!important
}
.totol__price {
    font-size:21px;
    color:#ff1268;
    margin-left:-9px;
    float: left;
}
.totol__price i {
    position:relative;
    left:3px;
    font-size:16px;
    font-style:normal
}
.totol__original {
    text-decoration:line-through
}
.totle__offer, .totol__original {
    font-size:12px;
    color:#999;
    float: left;
}

.active .notticket {
    background-color:#ff1268!important
}
.notice-time {
    color:#999;
    font-size:12px;
    margin:24px 0 9px
}
.notice-time-icon {
    position:relative;
    top:2px;
    width:14px;
    height:14px;
    margin-right:3px
}

.right-content .support-icon[data-v-49c1c56a] {
    display:inline-block;
    width:12px;
    height:12px;
    background-repeat:no-repeat;
    -webkit-background-size:12px 12px;
    -moz-background-size:12px 12px;
    background-size:12px 12px
}
.right-content .support-yes[data-v-49c1c56a] {
    background-image:url(//img.alicdn.com/tfs/TB1b7uJRSrqK1RjSZK9XXXyypXa-24-24.png)
}
.right-content .support-no[data-v-49c1c56a] {
    background-image:url(//img.alicdn.com/tfs/TB1d7mWRMHqK1RjSZFEXXcGMXXa-24-26.png)
}
.right-content .service[data-v-49c1c56a] {
    padding:0px 15px;
    background:#fafafa;
    border:1px solid #ebebeb
}
.right-content .service-note[data-v-49c1c56a] {
    margin:18px 0;
}
.right-content .service-note-desc[data-v-49c1c56a] {
    margin-top:6px;
    font-size:12px;
    color:#999
}
.right-content .service-qrcode[data-v-49c1c56a] {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:30px;
    border:.5px solid #e2e2e2;
    background:#fff
}

.right-content .service-qrcode-text[data-v-49c1c56a] {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    font-size:12px;
    color:#999
}

.right-content .service-qrcode-img[data-v-49c1c56a] {
    height:90px
}
.right-content-suggest[data-v-49c1c56a] {
    margin-top:60px
}

.flex[data-v-923b9f90] {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex
}
.flex1[data-v-923b9f90] {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1
}
.content-right[data-v-923b9f90] {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:320px;
    border-left:1px solid #ebebeb;
    padding:40px 18px 0
}
.perform .perform__desc__info__active {
    margin-top: 9px;
}
.perform .perform__desc__info {
    margin-left: 46px;
    font-size: 12px;
    color: #999;
}
